<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/WEB-INF/customTag.tld" prefix="ct"%>

<c:import url="/inc/header.jsp" />
<c:import url="/inc/menu.jsp" />
<c:import url="/inc/content-begin.jsp" />

<div class="head">
	<div class="info">
		<h1>Test</h1>
		<ul class="breadcrumb">
			<li class="active">Page de test</li>
		</ul>
	</div>
</div>
<div class="content">
<c:import url="/inc/alerts.jsp" />

<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Tests d'adresse uri/url sur la requet</h2>
				</div>
				<div class="content np">
				
						${urlTest}
				</div>
			</div>
		</div>
	</div>

<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Tests de comparaisons.</h2>
				</div>
				<div class="content np">
					${message.nom}, ${message.prenom}, ${message.role},
					${message.type}, ${message.message}.


				</div>
			</div>
		</div>
	</div>
	
	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Tests de calendriers</h2>
				</div>
				<div class="content np">


						<p id="float-element">Mon texte fixe</p>

						<ul>
							<li>bloblo</li>
							<li>bloblo</li>
							<li>bloblo</li>
							<li>bloblo</li>
						</ul>


				</div>
			</div>
		</div>
	</div>

	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Tests de calendriers</h2>
				</div>
				<div class="content np">
					A faire:
					<p>chaque section est une année, elle sont generer
						automatiquement l'année en cours et les 5 années suivantes ainsi
						que les 5 années precdente (crée un fichier de config).</p>
					<p>Chaque events est generer par une phase</p>
					<p>Les dates sont au format FR et il faut surement modifier
						Date.prototype.formatDate</p>
					<p>Chaque phase doit contenir une couleur, trouvable dans le
						XML et charger dans chaque phase</p>
					<input id="to-today" type="button" class="btn btn-primary"
						value="Aujourd'hui" />

					<c:import url="/WEB-INF/private/testChronoline.jsp" />

				</div>
			</div>
		</div>
	</div>

	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Test sur les formulaires qui envoient des tableaux !</h2>
					<ul class="buttons">
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
				</div>



				<form method="POST" action="<c:url value="/private/test"/>">
					<input type="hidden" name="nbChamp" value="3" />

					<ct:input nom="Intitulé*" object="${op.libelle}" id="intitule"
						helpInline="Aucune aide" form="${form}" type="text" />

					<ct:input nom="Description" object="${op.libelle}" id="description"
						form="${form}" type="textarea" />


					<ct:input nom="Intitulé*" object="${op.libelle}" id="autorisation"
						helpInline="Coucou, sa marche la radio et les commentaires ?"
						form="${form}" multipleChoice="AP,HAP,indeterminé" type="radio" />

					<ct:input nom="Nom de l'élu:" object="${op.libelle}" id="nomElu"
						helpInline="" form="${form}" type="checkbox" />

					<ct:input nom="nom du technicien" object="${op.libelle}"
						id="nomTechnicien" helpInline="blah" form="${form}"
						multipleChoice="moi,un type, Van Houten, Berlier" type="select" />


					<ct:input nom="Intitulé*" object="${op.libelle}" id="intitule"
						form="${form}" />


					<div class="footer">
						<div class="side fr">
							<input type="submit" class="btn btn-primary"
								value="Valider les modifications" />
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Test sur les formulaires qui envoient des tableaux !</h2>
					<ul class="buttons">
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
				</div>
				<form method="POST" action="<c:url value="/private/test"/>">
					<div class="content np">
						<div class="controls-row">
							<div class="span3">Intitule:</div>
							<div class="span9">
								<input type="text" id="intitule" name="intitule" value="Tests" />
								<span class="help-inline"></span>
							</div>
						</div>
					</div>



					<input type="hidden" name="nbChamp" value="3" />

					<div class="content np">
						<div class="controls-row">
							<div class="span3">Descritpion1:</div>
							<div class="span9">
								<textarea id="description" name="description[1]">${form1.description1}</textarea>
								<span class="help-inline"></span>
							</div>
						</div>
					</div>
					<div class="content np">
						<div class="controls-row">
							<div class="span3">valeur1:</div>
							<div class="span9">
								<textarea id="description" name="valeur[1]">${form1.valeur1}</textarea>
								<span class="help-inline"></span>
							</div>
						</div>
					</div>
					<div class="content np">
						<div class="controls-row">
							<div class="span3">valeur1:</div>
							<div class="span9">
								<textarea id="description" name="valeur[1]">${form1.valeur1}</textarea>
								<span class="help-inline"></span>
							</div>
						</div>
					</div>
					<div class="content np">
						<div class="controls-row">
							<div class="span3">Descritpion2:</div>
							<div class="span9">
								<textarea id="description" name="description[2]">${form1.description2}</textarea>
								<span class="help-inline"></span>
							</div>
						</div>
					</div>
					<div class="content np">
						<div class="controls-row">
							<div class="span3">valeur2:</div>
							<div class="span9">
								<textarea id="description" name="valeur[2]">${form1.valeur2}</textarea>
								<span class="help-inline"></span>
							</div>
						</div>
					</div>
					<div class="content np">
						<div class="controls-row">
							<div class="span3">Descritpion3:</div>
							<div class="span9">
								<textarea id="description" name="description[3]">${form1.description3}</textarea>
								<span class="help-inline"></span>
							</div>
						</div>
					</div>
					<div class="content np">
						<div class="controls-row">
							<div class="span3">valeur3:</div>
							<div class="span9">
								<textarea id="description" name="valeur[3]">${form1.valeur2}</textarea>
								<span class="help-inline"></span>
							</div>
						</div>
					</div>

					<div class="footer">
						<div class="side fr">
							<input type="submit" class="btn btn-primary"
								value="Valider les modifications" />
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Default</h2>
					<ul class="buttons">
						<li><a href="#" class="block_loading"><span
								class="i-cycle"></span></a></li>
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
				</div>
				<div class="content np">

					<table cellpadding="0" cellspacing="0" width="100%">
						<thead>
							<tr>
								<th width="25%">id</th>
								<th width="25%">Name</th>
								<th width="25%">E-mail</th>
								<th width="25%">Phone</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>101</td>
								<td>Dmitry</td>
								<td>dmitry@domain.com</td>
								<td>+98(765)432-10-98</td>
							</tr>
							<tr>
								<td>102</td>
								<td>Alex</td>
								<td>alex@domain.com</td>
								<td>+98(765)432-10-99</td>
							</tr>
							<tr>
								<td>103</td>
								<td>John</td>
								<td>john@domain.com</td>
								<td>+98(765)432-10-97</td>
							</tr>
							<tr>
								<td>104</td>
								<td>Angelina</td>
								<td>angelina@domain.com</td>
								<td>+98(765)432-10-90</td>
							</tr>
							<tr>
								<td>105</td>
								<td>Tom</td>
								<td>tom@domain.com</td>
								<td>+98(765)432-10-92</td>
							</tr>
						</tbody>
					</table>

				</div>
			</div>
		</div>
	</div>

	<div class="row-fluid">
		<div class="span12">

			<div class="block">
				<div class="head">
					<h2>Simple Sortable table</h2>
					<ul class="buttons">
						<li><a href="#" class="block_loading"><span
								class="i-cycle"></span></a></li>
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
				</div>
				<div class="content np table-sorting">

					<table cellpadding="0" cellspacing="0" width="100%" class="sort">
						<thead>
							<tr>
								<th><input type="checkbox" class="checkall" /></th>
								<th width="25%">id</th>
								<th width="25%">Name</th>
								<th width="25%">E-mail</th>
								<th width="25%">Phone</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>101</td>
								<td>Dmitry</td>
								<td>dmitry@domain.com</td>
								<td>+98(765)432-10-98</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>102</td>
								<td>Alex</td>
								<td>alex@domain.com</td>
								<td>+98(765)432-10-99</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>103</td>
								<td>John</td>
								<td>john@domain.com</td>
								<td>+98(765)432-10-97</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>104</td>
								<td>Angelina</td>
								<td>angelina@domain.com</td>
								<td>+98(765)432-10-90</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>105</td>
								<td>Tom</td>
								<td>tom@domain.com</td>
								<td>+98(765)432-10-92</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>106</td>
								<td>Helen</td>
								<td>helen@domain.com</td>
								<td>+98(765)432-11-33</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>107</td>
								<td>Aqvatarius</td>
								<td>aqvatarius@domain.com</td>
								<td>+98(765)432-15-66</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>108</td>
								<td>Olga</td>
								<td>olga@domain.com</td>
								<td>+98(765)432-11-97</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>109</td>
								<td>Homer</td>
								<td>homer@domain.com</td>
								<td>+98(765)432-11-90</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>110</td>
								<td>Tifany</td>
								<td>tifany@domain.com</td>
								<td>+98(765)432-11-92</td>
							</tr>
						</tbody>
					</table>

				</div>
			</div>

		</div>
	</div>

	<div class="row-fluid">
		<div class="span12">

			<div class="block">
				<div class="head">
					<h2>Sortable table</h2>
					<ul class="buttons">
						<li><a href="#" class="block_loading"><span
								class="i-cycle"></span></a></li>
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
				</div>
				<div class="content np table-sorting">

					<table cellpadding="0" cellspacing="0" width="100%" class="sortc">
						<thead>
							<tr>
								<th><input type="checkbox" class="checkall" /></th>
								<th width="25%">id</th>
								<th width="25%">Name</th>
								<th width="25%">E-mail</th>
								<th width="25%">Phone</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>101</td>
								<td>Dmitry</td>
								<td>dmitry@domain.com</td>
								<td>+98(765)432-10-98</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>102</td>
								<td>Alex</td>
								<td>alex@domain.com</td>
								<td>+98(765)432-10-99</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>103</td>
								<td>John</td>
								<td>john@domain.com</td>
								<td>+98(765)432-10-97</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>104</td>
								<td>Angelina</td>
								<td>angelina@domain.com</td>
								<td>+98(765)432-10-90</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>105</td>
								<td>Tom</td>
								<td>tom@domain.com</td>
								<td>+98(765)432-10-92</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>106</td>
								<td>Helen</td>
								<td>helen@domain.com</td>
								<td>+98(765)432-11-33</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>107</td>
								<td>Aqvatarius</td>
								<td>aqvatarius@domain.com</td>
								<td>+98(765)432-15-66</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>108</td>
								<td>Olga</td>
								<td>olga@domain.com</td>
								<td>+98(765)432-11-97</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>109</td>
								<td>Homer</td>
								<td>homer@domain.com</td>
								<td>+98(765)432-11-90</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="checkbox" /></td>
								<td>110</td>
								<td>Tifany</td>
								<td>tifany@domain.com</td>
								<td>+98(765)432-11-92</td>
							</tr>
						</tbody>
					</table>

				</div>
			</div>

		</div>
	</div>


</div>

<c:import url="/inc/content-end.jsp" />
<c:import url="/inc/footer.jsp" />